<template>
	<div style="padding: 1.875rem;">
		<div>
			<el-card>
				<el-descriptions title="基本信息">
					<el-descriptions-item label="昵称">{{data.nickName}}</el-descriptions-item>
					<el-descriptions-item>
						<template slot="label">
							头像
						</template>
						<el-image style="width: 40px; height: 40px" :src="data.headimgurl"
							:preview-src-list="imags">
						</el-image>
					</el-descriptions-item>
					<el-descriptions-item label="姓名">{{data.name}}</el-descriptions-item>
					<el-descriptions-item label="性别">{{data.sex}}</el-descriptions-item>
					<el-descriptions-item label="民族">{{data.nation}}</el-descriptions-item>
					<el-descriptions-item label="政治面貌">{{data.politics}}</el-descriptions-item>
					<el-descriptions-item label="年龄">{{data.age}}</el-descriptions-item>
					<el-descriptions-item label="婚姻状况">{{data.maritalStatus}}</el-descriptions-item>
					<el-descriptions-item label="学历">{{data.background}}</el-descriptions-item>
					<el-descriptions-item label="就读专业">
					<!-- {{data.major}} -->
						<div v-for="it in data.userMajorRgppList" style="margin-right: 8px;">{{it.majorName}}</div>
					</el-descriptions-item>
					<el-descriptions-item label="毕业院校类型">{{data.graduateType}}</el-descriptions-item>
					<el-descriptions-item label="是否健康">{{data.physicalCondition}}</el-descriptions-item>
					<el-descriptions-item label="身高(cm)">{{data.height}}</el-descriptions-item>
					<el-descriptions-item label="体重(kg)">{{data.weight}}</el-descriptions-item>
					<el-descriptions-item label="是否过英语4级">{{data.englishFour}}</el-descriptions-item>
					<el-descriptions-item label="是否过英语六级">{{data.englishSix}}</el-descriptions-item>
					<el-descriptions-item label="是否过计算机2级">{{data.computerTwo}}</el-descriptions-item>
					<el-descriptions-item label="是否为应届">{{data.stressStatus}}</el-descriptions-item>
					<el-descriptions-item label="毕业时间">{{data.graduateTime}}</el-descriptions-item>
					<el-descriptions-item label="哪里了解到的我们">{{data.understand}}</el-descriptions-item>
					<el-descriptions-item label="为何选择我们">{{data.choice}}</el-descriptions-item>
					<el-descriptions-item label="是否是退役人员">{{data.veteranStatus}}</el-descriptions-item>
					<el-descriptions-item label="是否是海外留学生">{{data.overseasStudent}}</el-descriptions-item>
					<el-descriptions-item label="何时段出去留学">{{data.overseasTime}}</el-descriptions-item>
					<el-descriptions-item label="个人评价">{{data.selfEvaluation}}</el-descriptions-item>
					<!-- <el-descriptions-item>
						<template slot="label">
							照片
						</template>
						<el-image style="width: 80px; height: 80px" :src="data.picture">
						</el-image>
					</el-descriptions-item> -->
				</el-descriptions>
			</el-card>
		</div>
		<div style="margin-top: 0.875rem;">
			<el-card>
				<el-descriptions title="求职需求"></el-descriptions>
				<el-table v-loading="loading" :data="demandList">
					<el-table-column show-overflow-tooltip label="意向地点" align="center" prop="searchLocation" />
					<el-table-column show-overflow-tooltip label="意向岗位" align="center" prop="jobIntention" />
					<el-table-column show-overflow-tooltip label="意向公司" align="center" prop="searchCompany" />
					<el-table-column show-overflow-tooltip label="意向薪资" align="center" prop="searchPrice" />
					<el-table-column show-overflow-tooltip label="户籍地" align="center" prop="nativePlace" />
					<el-table-column show-overflow-tooltip label="毕业院校所在地" align="center" prop="graduateCity" />
				</el-table>
			</el-card>
		</div>
	<!-- 	<div style="margin-top: 0.875rem;">
			<el-card>
				<el-descriptions title="父母信息"></el-descriptions>
				<el-descriptions title="父亲信息"></el-descriptions>
				<el-table v-loading="loading" :data="fatherList">
					<el-table-column show-overflow-tooltip label="父亲姓名" align="center" prop="name" />
					<el-table-column show-overflow-tooltip label="出生日期" align="center" prop="birth" />
					<el-table-column show-overflow-tooltip label="最高学历" align="center" prop="background" />
					<el-table-column show-overflow-tooltip label="毕业院校" align="center" prop="graduateSchool" />
					<el-table-column show-overflow-tooltip label="毕业时间" align="center" prop="graduateTime" />
					<el-table-column show-overflow-tooltip label="工作单位" align="center" prop="work" />
					<el-table-column show-overflow-tooltip label="单位地址" align="center" prop="address" />
					<el-table-column show-overflow-tooltip label="职务" align="center" prop="post" />
					<el-table-column show-overflow-tooltip label="联系电话" align="center" prop="phone" />
				</el-table>
				<div style="height: 20px;"></div>
				<el-descriptions title="母亲信息"></el-descriptions>
				<el-table v-loading="loading" :data="motherList">
					<el-table-column show-overflow-tooltip label="父亲姓名" align="center" prop="name" />
					<el-table-column show-overflow-tooltip label="出生日期" align="center" prop="birth" />
					<el-table-column show-overflow-tooltip label="最高学历" align="center" prop="background" />
					<el-table-column show-overflow-tooltip label="毕业院校" align="center" prop="graduateSchool" />
					<el-table-column show-overflow-tooltip label="毕业时间" align="center" prop="graduateTime" />
					<el-table-column show-overflow-tooltip label="工作单位" align="center" prop="work" />
					<el-table-column show-overflow-tooltip label="单位地址" align="center" prop="address" />
					<el-table-column show-overflow-tooltip label="职务" align="center" prop="post" />
					<el-table-column show-overflow-tooltip label="联系电话" align="center" prop="phone" />
				</el-table>
			</el-card>
		</div> -->
		<div style="margin-top: 0.875rem;">
			<el-card>
				<el-descriptions title="教育背景"></el-descriptions>
				<el-table v-loading="loading" :data="educationList">
					<el-table-column show-overflow-tooltip label="起始时间" align="center" prop="time" />
					<el-table-column show-overflow-tooltip label="毕业学校" align="center" prop="school" />
					<el-table-column show-overflow-tooltip label="所在学院" align="center" prop="college" />
					<el-table-column show-overflow-tooltip label="所在专业" align="center" prop="major" />
					<el-table-column show-overflow-tooltip label="所获学位" align="center" prop="degree" />
					<el-table-column show-overflow-tooltip label="所在城市" align="center" prop="city" />
					<el-table-column show-overflow-tooltip label="专业排名" align="center" prop="ranking" />
					<el-table-column show-overflow-tooltip label="主修课程" align="center" prop="course" />
				</el-table>
			</el-card>
		</div>
		<div style="margin-top: 0.875rem;">
			<el-card>
				<el-descriptions title="教学科研经历"></el-descriptions>
				<el-table v-loading="loading" :data="researchList">
					<el-table-column show-overflow-tooltip label="时间" align="center" prop="scientificTime" />
					<el-table-column show-overflow-tooltip label="项目名称" align="center" prop="projrctName" />
					<el-table-column show-overflow-tooltip label="指导老师" align="center" prop="adviser" />
					<el-table-column show-overflow-tooltip label="主要分工" align="center" prop="divideWork" />
					<el-table-column show-overflow-tooltip label="研究成果" align="center" prop="result" />
					<el-table-column show-overflow-tooltip label="论文题目" align="center" prop="paperTitle" />
					<el-table-column show-overflow-tooltip label="所发刊物" align="center" prop="kanwu" />
					<el-table-column show-overflow-tooltip label="第几作者" align="center" prop="author" />
				</el-table>
			</el-card>
		</div>
		<div style="margin-top: 0.875rem;">
			<el-card>
				<el-descriptions title="实习经历"></el-descriptions>
				<el-table v-loading="loading" :data="projectList">
					<el-table-column show-overflow-tooltip label="起始时间" align="center" prop="startingTime" />
					<el-table-column show-overflow-tooltip label="单位名称" align="center" prop="name" />
					<el-table-column show-overflow-tooltip label="所在部门" align="center" prop="dept" />
					<el-table-column show-overflow-tooltip label="担当职位" align="center" prop="post" />
					<el-table-column show-overflow-tooltip label="工作内容" align="center" prop="content" />
					<el-table-column show-overflow-tooltip label="工作业绩" align="center" prop="performance" />
					<el-table-column show-overflow-tooltip label="个人评价" align="center" prop="selfEvaluation" />
				</el-table>
			</el-card>
		</div>
		<div style="margin-top: 0.875rem;">
			<el-card>
				<el-descriptions title="校园实践经历"></el-descriptions>
				<el-table v-loading="loading" :data="schoolgoList">
					<el-table-column show-overflow-tooltip label="起始时间" align="center" prop="time" />
					<el-table-column show-overflow-tooltip label="项目名称" align="center" prop="name" />
					<el-table-column show-overflow-tooltip label="所在部门" align="center" prop="dept" />
					<el-table-column show-overflow-tooltip label="担当职位" align="center" prop="post" />
					<el-table-column show-overflow-tooltip label="实践内容" align="center" prop="content" />
					<el-table-column show-overflow-tooltip label="实践成绩" align="center" prop="score" />
					<el-table-column show-overflow-tooltip label="个人评价" align="center" prop="selfEvaluation" />
				</el-table>
			</el-card>
		</div>
		<div style="margin-top: 0.875rem;">
			<el-card>
				<el-descriptions title="荣誉奖励"></el-descriptions>
				<el-table v-loading="loading" :data="honorList">
					<el-table-column show-overflow-tooltip label="获奖时间" align="center" prop="time" />
					<el-table-column show-overflow-tooltip label="奖项/证书名称" align="center" prop="name" />
					<el-table-column show-overflow-tooltip label="颁奖机构" align="center" prop="bjjg" />
					<el-table-column show-overflow-tooltip label="获奖级别" align="center" prop="rank" />
					<el-table-column show-overflow-tooltip label="备注" align="center" prop="remake" />
				</el-table>
			</el-card>
		</div>
		<div style="margin-top: 0.875rem;">
			<el-card>
				<el-descriptions title="技能证书或资格证书"></el-descriptions>
				<el-table v-loading="loading" :data="skillList">
					<el-table-column show-overflow-tooltip label="获奖时间" align="center" prop="time" />
					<el-table-column show-overflow-tooltip label="证书类别" align="center" prop="rank" />
					<el-table-column show-overflow-tooltip label="证书名称" align="center" prop="name" />
					<el-table-column show-overflow-tooltip label="颁发机构" align="center" prop="bjjg" />
					<el-table-column show-overflow-tooltip label="备注" align="center" prop="remake" />
				</el-table>
			</el-card>
		</div>
		<!-- <div style="margin-top: 0.875rem;">
			<el-card>
				<div style="margin-top: 10px;">
					<div>1.我期望的薪资水平是：{{data.qtLevel}}</div>
					<div style="margin-top: 5px;">
						A.3-5k；B.5-8k；C.8-1w；D.1w+；E.不重要，能进就行
					</div>
				</div>
				<div style="margin-top: 10px;">
					<div>2.我理想的职级是：{{data.qtPosition}}</div>
					<div style="margin-top: 5px;">
						A.老板/董事长；B.CEO/CFO/CT0；C.经理或中层管理人员；D.部门负责人；E.部门成员；;F.与其他人进行团队合作的人；G.独立工作的人；H.技术专家；I.基层工作者
					</div>
				</div>
				<div style="margin-top: 10px;">
					<div>3.我理想的工作地点是：{{data.qtAddrs}}</div>
					<div style="margin-top: 5px;">
						A.超大型城市（北上广深）；B.中型城市（杭苏长武成等）；C.自己的家乡；D.风景优美地区（三亚，扬州等）
					</div>
				</div>
				<div style="margin-top: 10px;">
					<div>4.最看重的三项：</div>
					<div style="margin-top: 5px;">
						{{data.aaaa}}
					</div>
				</div>
				<div style="margin-top: 10px;">
					<div>5.最不看重的三项：</div>
					<div style="margin-top: 5px;">
						{{data.bbbb}}
					</div>
				</div>
				<div style="margin-top: 10px;">
					<div>6.想一想，在你的生命中有哪些事情是你特别想做的，是你发自内心地想要实现的，只要一想到它们，你就会感到热血沸腾、兴奋无比。将它们写下来。</div>
					<div style="margin-top: 5px;">
						<el-input type="textarea" :rows="3" placeholder="" v-model="data.cccc" disabled></el-input>
					</div>
				</div>
				<div style="margin-top: 10px;">
					<div>7.回想一下，你的人生经历中，有什么事情让你有过高峰体验，你非常享受那件事取得的成果，并受到身边人的赞扬，请写下来。</div>
					<div style="margin-top: 5px;">
						<el-input type="textarea" :rows="3" placeholder="" v-model="data.dddd" disabled></el-input>
					</div>
				</div>
				<div style="margin-top: 10px;">
					<div>8.请想象一下，你已经到了不得不退休的年龄。你已经不再年轻，你的白发越来越多了，皱纹也爬满了额头，腿脚也已经不再灵便。此刻你正坐在公园的长椅上慢慢回顾自己的一生。（请依次写下来）</div>
					<div style="height: 10px;"></div>
					<div style="margin-top: 10px;">在这一生中你都做了哪些事情?令你感到骄傲的事情是什么?</div>
					<div style="margin-top: 5px;">
						<el-input type="textarea" :rows="3" placeholder="" v-model="data.eeee" disabled></el-input>
					</div>
					<div style="margin-top: 10px;">你对这个世界的贡献有多大?在这一生中，你帮助了多少人?影响了多少人?改变了多少人?</div>
					<div style="margin-top: 5px;">
						<el-input type="textarea" :rows="3" placeholder="" v-model="data.ffff" disabled></el-input>
					</div>
					<div style="margin-top: 10px;">有多少人认识你，知道你的名字?他们怎样评价你?你的同事、朋友、家人又是怎样评价你的?</div>
					<div style="margin-top: 5px;">
						<el-input type="textarea" :rows="3" placeholder="" v-model="data.gggg" disabled></el-input>
					</div>
					<div style="margin-top: 10px;">现在，时光流转，生命继续向前推进，你就要离开人世了。</div>
					<div style="margin-top: 5px;">现在的你有什么成就?你一生中引以为傲的事情是什么?人们会怎样评价你?有多少人会愿意在你离世时为你送行?有多少人会觉得你的离开是这个世间莫大的损失?</div>
					<div style="margin-top: 10px;">
						<el-input type="textarea" :rows="3" placeholder="" v-model="data.hhhh" disabled></el-input>
					</div>
					<div style="margin-top: 10px;">在你死后有多少人会怀念你?他们为什么会怀念你?</div>
					<div style="margin-top: 5px;">
						<el-input type="textarea" :rows="3" placeholder="" v-model="data.iiii" disabled></el-input>
					</div>
					<div style="margin-top: 10px;">时光继续向前推进，现在，你离开人世已经有50年了，还有多少人会记得你、怀念你?他们会怎样评价你?</div>
					<div style="margin-top: 5px;">
						<el-input type="textarea" :rows="3" placeholder="" v-model="data.jjjj" disabled></el-input>
					</div>
				</div>
				<div style="margin-top: 10px;">
					<div>9.回顾一下，你有什么与众不同的地方，有什么是别人做不来或做不好，而你能做得很好的。</div>
					<div style="margin-top: 5px;">
						<el-input type="textarea" :rows="3" placeholder="" v-model="data.kkkk" disabled></el-input>
					</div>
				</div>
				<div style="margin-top: 10px;">
					<div>10.仔细询问一下你的父母，你在小时候有什么与众不同的表现。比如：</div>
					<div>是否在某些方面比同龄的孩子起步早，说话？走路？</div>
					<div>是否比其他人都更早的有记忆力，记得见过的一些人和事物?</div>
					<div>你的创造力和想象力是否很丰富?是否经常会有些让父母大跌镜的惊人表现?</div>
					<div>是否很早就成为大家的开心果?是否有强烈的好奇心和探索欲?</div>
					<div style="margin-top: 5px;">
						<el-input type="textarea" :rows="3" placeholder="" v-model="data.llll" disabled></el-input>
					</div>
				</div>
				<div style="margin-top: 10px;">
					<div>11.请仔细描述你自开始上大学以来，每个阶段(包括实习、社团、志愿活动等)的主要内容,所掌握的知识、技能，所积累的经验、人脉及取得的成就。</div>
					<div style="margin-top: 5px;">
						<el-input type="textarea" :rows="3" placeholder="" v-model="data.mmmm" disabled></el-input>
					</div>
				</div>
				<div style="margin-top: 10px;">
					<div>12.在你整个职业生涯中，业绩表现最佳的领域是什么?你的上司和同事最欣赏你的是什么?</div>
					<div style="margin-top: 5px;">
						<el-input type="textarea" :rows="3" placeholder="" v-model="data.nnnn" disabled></el-input>
					</div>
				</div>
				<div style="margin-top: 10px;">
					<div>13.分别谈谈自己的优势及劣势。请至少分别列出三项以上，并用实例说明。</div>
					<div style="margin-top: 5px;">
						<el-input type="textarea" :rows="3" placeholder="" v-model="data.oooo" disabled></el-input>
					</div>
				</div>
				<div style="margin-top: 10px;">
					<div>14.你有哪些特别的社会关系可能会帮到你?</div>
					<div style="margin-top: 5px;">
						<el-input type="textarea" :rows="3" placeholder="" v-model="data.pppp" disabled></el-input>
					</div>
				</div>
				<div style="margin-top: 10px;">
					<div>15.请从以上的分析中，提炼出对于组织来说最具价值的信息。</div>
					<div style="margin-top: 5px;">
						<el-input type="textarea" :rows="3" placeholder="" v-model="data.qqqq" disabled></el-input>
					</div>
				</div>
			</el-card>
		</div> -->
		<div style="text-align: center;margin-top: 1.875rem;">
			<el-button icon="el-icon-error" @click="closeBtn">关闭</el-button>
		</div>
	</div>
</template>

<script>
	import {
		rgListDetail,
	} from "@/api/all/userApi";
	export default {
		data() {
			return {
				data: {},
				loading: false,
				comId: '',
				type: null,
				demandList: [], // 求职需求
				fatherList: [], // 父亲信息
				motherList: [], // 母亲信息
				educationList: [], // 教育背景
				researchList: [], // 教学科研经历
				projectList: [], // 实习经历
				schoolgoList: [], // 校园实践经历
				honorList: [], // 荣誉
				skillList: [], // 技能证书
				imags:[]
			}
		},
		created() {
			console.log(this.$route.query.row, 'query');
			this.data = this.$route.query.row
			if (this.data.openid) {
				console.log(1);
				this.type = null
				localStorage.setItem('userinfoId', this.data.openid)
			}
			this.comId = localStorage.getItem('userinfoId')

			console.log(localStorage.getItem('userinfoId'), 'userinfoId');
			this.getrgListDetail()
		},
		methods: {
			getrgListDetail() {
				rgListDetail(this.comId).then(res => {
					console.log(res, '详情');
					this.data = res.data
					this.imags.push(res.data.headimgurl)
					this.demandList = res.data.demandList
					this.fatherList = res.data.fatherList
					this.motherList = res.data.motherList
					this.educationList = res.data.educationList
					this.researchList = res.data.researchList
					this.projectList = res.data.projectList
					this.schoolgoList = res.data.schoolgoList
					this.honorList = res.data.honorList
					this.skillList = res.data.skillList
				})
			},
			// 点击关闭
			closeBtn() {
				localStorage.removeItem('userinfoId')
				this.$store.dispatch("tagsView/delView", this.$router.currentRoute);
				this.$router.push({
					path: "/rgpp",
				});
			},
		}
	}
</script>

<style scoped>
	::v-deep .el-step__head.is-success {
		color: #00bffe !important;
		border-color: #00bffe !important;
	}

	::v-deep .el-step__title.is-success {
		color: #999;
	}

	::v-deep .el-descriptions-item__label:not(.is-bordered-label) {
		width: 7.5rem;
		color: #999;
	}

	::v-deep .el-descriptions-item__content {
		color: #000;
	}
</style>